<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<script>
    //封装队列类(基于数组实现)
    function Queue(){
    //   属性
        this.items = []

    //    方法
    //    1、将元素加入到队列中
        Queue.prototype.enqueue = function(element){
            return this.items.push(element)
        }

    //    2、丛队列中移除前端的元素
        Queue.prototype.dequeue = function(element){
            return this.items.shift()
        }

    //    3、查看前端的元素
        Queue.prototype.front = function(element){
            return this.items[0]
        }

    //    4、查看队列是否为空
        Queue.prototype.isEmpty = function(element){
            return this.items.length == 0
        }

    //    5、查看队列中元素的个数
        Queue.prototype.enqueue = function(element){
            return this.items.length
        }

    //    6、toString方法
        Queue.prototype.toString = function(){
            var resultString = ''
            for(var i=0;i<this.items.length;i++){
                resultString += this.items[i] + ' '
            }
            return resultString
        }

    }

//    使用队列
    var queue = new Queue()
</script>
</body>
</html>